<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/navBlock.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/citiesData.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/index.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.cookie.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/cookie.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/index2.js" charset="UTF-8"></script>
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="${contextPath}/csair/css/index.css" charset="UTF-8" />
<style type="text/css">
#cfcs, #ddcs {
	width: 240px;
}

#year {
	width: 80px;
	float: left;
	margin-left: 11px;
}

#month, #day {
	width: 60px;
	float: left;
	margin-left: 10px;
}
#year2 {
	width: 80px;
	float: left;
	margin-left: 11px;
}

#month2, #day2 {
	width: 60px;
	float: left;
	margin-left: 10px;
}

.usercookieshow{
	background: #0093d0;
    text-align: center;
    padding: 15px 0;
    line-height: 20px;
    color: #fff;
    position: relative;
}

.posR{
	width: 1000px;
    margin: 0 auto;
    position: relative;
}

.usercookieBtn{
	position: absolute;
    right: 11px;
    border: #fff 1px solid;
    padding: 0px 20px;
    border-radius: 3px;
    cursor: pointer;
    top: 50%;
    margin-top: 10px;
}
</style>
<script type="text/javascript" charset="UTF-8">
	function yc(){
		$(".usercookieshow").attr("style","display:none;");
	}
</script>
<title>南航无障碍首页</title>
</head>
<body>
	<div style="width: 1000px; margin: 0 auto;" class="usercookieshow" >
		<div class="posR">
			南航网站使用cookie和类似的技术来确保网站运行正常，改善您的用户体验。网站上第三方和其他cookie为您展示个性化的广告，这些第三方有可能监控您的网络行为。
			如果继续使用网站，表示您赞成这些cookie的设置。如果想了解详情或者调整cookie设置，请点击我们的
			<a href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/static/cookiepolicy/index.shtml" target="_blank">cookie政策</a>
		</div>
		<div class="usercookieBtn"><a href="javascript:yc();" id="cookieTy" style="color: #fff;">同意</a></div>
	</div>
	<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
	<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	

	</div>
	<div class="header">
		<div class="container">
			<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
		</div>
	</div>
	<div class="currentlocation"><a href="javascript:void(0);" title="当前位置：首页">当前位置：首页</a></div>
	<!--  请在<span id="count" style="font-weight: bold;color: red;"> 300 </span>秒内进行操作 -->
	<div class="container_full index_wrap">
		<div class="sm_container_white">
			<div class="single_trip_ticket navBlock">
				<h2 id="cx">
					<label title="国内单程购票查询">国内购票查询</label>
				</h2>
				<input id="dancheng" type="button" value="单程" onclick="dancheng()" title="单程购票按钮确定请按回车键，选择往返请按Tab键">&nbsp;&nbsp;&nbsp;&nbsp;
				<input id="fancheng" type="button" value="往返" onclick="fancheng()" title="往返购票按钮确定请按回车键，选择单程请按shift+Tab键">
				<div class="single_trip_ticket_form">
					<div class="search_div">
						<label class="select_label" title="大于等于12岁成人票数，按Shift+Tab键切换到往返或单程按钮，如果不需要切换请继续操作">成人(≥ 12岁)</label> <select title="大于等于12岁成人票数 " id="adult" onchange="adultChange()">
							<option>1张</option>
							<option>2张</option>
							<option>3张</option>
							<option>4张</option>
							<option>5张</option>
							<option>6张</option>
							<option>7张</option>
							<option>8张</option>
							<option>9张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="select_label" title="2岁至11岁儿童票数">儿童(2-11岁)</label> <select title="2岁至11岁儿童票数" id="child" onchange="childChange()">
							<option>0张</option>
							<option>1张</option>
							<option>2张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="select_label" title="小于2岁婴儿票数">婴儿( &lt; 2岁)</label> <select title="小于2岁婴儿票数" id="infant" onchange="infantChange()">
							<option>0张</option>
							<option>1张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label">出发城市</label> <select id="cfcs" title="出发城市">
							<option selected="selected">支持首字母简拼</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label" for="ddcs">到达城市</label> <select id="ddcs" title="到达城市">
							<option>支持首字母简拼</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label">出发日期</label>
						<div>
							<select id="year" title="出发日期选择年份"></select> <select id="month" title="选择月份"></select> <select id="day" title="选择日期"></select>
						</div>
					</div>
					<div class="search_div  fancheng" style="display:none;">
						<label class="input_label">返程日期</label>
						<div>
							<select id="year2" title="返程日期选择年份"></select> <select id="month2" title="选择月份"></select> <select id="day2" title="选择日期"></select>
						</div>
					</div>
					<div class="search_div_btn">
						<button type="button" id="search_div_btn" title="立即查询">立即查询</button>
					</div>
				</div>
			</div>
			<c:if test="${sessionScope.userName==null}">
				<div class="user_infos navBlock">
					<div class="user_login">
						<h2>用户登录</h2>

						<div class="user_login_infos">
							<div class="user_login_infos_inputs">

								<div class="">
									<input autocomplete="off" type="text" name="username" id="username" value="" title="手机/邮箱/会员号/证件号" placeholder="手机号/邮箱/会员号/证件号" />
								</div>
								<div class="">
									<input autocomplete="off" name="password" id="password" type="password" title="请输入密码" placeholder="密码" />
								</div>

							</div>
							<div class="user_login_infos_btn">
								<div class="ad_pas_agreement">
									<label for="ty"> 
										<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/static/yinsitiaokuan/" target="_blank" style="color:#fff;font-size: 14px;">《隐私条款》</a> 
									</label>
									<input type="checkbox" name="ty" id="ty" title="已阅读并理解,请点击该复选框"  style="height: 11px;" />
								</div> 
								<button type="button" title="点击按钮登录" onclick="login()" title="登录">登&nbsp;&nbsp;录</button>
							</div>
							<div class="clearboth"></div>
						</div>
						<div class="user_login_helps">
							<div class="user_register">
								<a href="register" title="新用户注册">新用户注册</a>
							</div>
							<div class="user_login_find_pwd">
								<a href="phone" title="动态登录">动态登录</a>
							</div>
							<div class="clearboth"></div>
						</div>
					</div>
					<div class="mobile_members">
						<div class="mobile_orders">
							<a href="phone" target="_blank" title="手机号查询订单"> <img alt="手机号查询订单" src="${contextPath}/csair/img/mobile_orders_title.png" />
							</a>
						</div>
					</div>
					<div id="" class="logined_links1">
						<div class="logined_links1_list">
							<a href="ticketBooking" id="ticketBooking" title="机票预订">机票预订</a>|
							<a href="travelPreparation" id="travelPreparation" title="出行准备">出行准备</a>|
							<a href="goOnDuty" id="goOnDuty" title="办理值机">办理值机</a>|
							<a href="luggageService" id="luggageService" title="行李服务">行李服务</a>|
							<a href="special" id="special" title="特殊协助">特殊协助</a>
						</div>
						<div class="logined_links1_list">
							<a href="airportService" id="airportService" title="机场服务">机场服务</a>|
							<a href="transfers" id="transfers" title="中转服务">中转服务</a>|
							<a href="flightService" id="flightService" title="中转服务">机上服务</a>|
							<a href="experienceCenter" id="experienceCenter" title="体验中心">体验中心</a>|
							<a href="frequentlyAskedQuestions" id="frequentlyAskedQuestions" title="常见问题">常见问题</a>|
							<a href="customerService" id="customerService" title="客户服务">客户服务</a>|
							<a href="aboutCsair" id="aboutCsair" title="关于南航">关于南航</a>
						</div>
						
					</div>
				</div>
			</c:if>
			<c:if test="${sessionScope.userName!=null && sessionScope.userType==1}">
				<div class="user_infos navBlock">
					<div class="mingzhu_logined">
						<h2>用户登录</h2>
						<div class="logined_info">
							<h3 id="userinfo">您好，${sessionScope.userName} 欢迎登录</h3>
							<button type="button" class="quite_btn" onclick="quit()">退&nbsp;出</button>
						</div>
						<div id="" class="logined_links">
							<div class="logined_links1_list">
								<a href="queryOrder" title="订单查询">订单查询</a>|
								<a href="lcExchange" id="lcdh" title="里程兑换">里程兑换</a>|
								<a class="tip6" href="refundTicket" title="退改票">退改票</a>|
								<a class="tip6" href="checkBalance" title="查询余额">查询余额</a>
							</div>
							<div class="logined_links1_list">
								<a href="preCsairBaseInfo" id="basicinformation" title="基本信息">基本信息</a>
								<a href="preCsairContactInfo" id="connectioninformation" title="联系信息">联系信息</a>
								<a href="javascript:pob();" id="srrgl" title="受让人管理">受让人管理</a>
								<a href="commContactor" id="commContactor" title="常用联系人">常用联系人</a>
								<a href="commPassenger" id="commPassenger" title="常用旅客管理">常用旅客管理</a>
							</div>
							<div class="logined_links1_list">
								<a href="preChangePassword" id="changepassword" title="密码修改">密码修改</a>
								<a href="preCsairOnlineIdentityAuthentication" id="zxsfyz" title="在线身份验证">在线身份认证</a>
								<a href="checkYHQ" id="yhq" title="优惠券">优惠券</a>
								<a href="checkLCHZ" id="lchz" title="里程汇总">里程汇总</a>
							</div>
						</div>
							
					</div>
				</div>
			</c:if>
			<c:if test="${sessionScope.userName!=null && sessionScope.userType!=1 && sessionScope.identifyStatus=='Y'}">
				<div class="user_infos navBlock">
					<div class="mingzhu_logined">
						<h2>用户登录</h2>
						<div class="logined_info">
							<h3 id="userinfo">您好，${sessionScope.userName} 欢迎登录</h3>
							<button type="button" class="quite_btn" onclick="quit()">退&nbsp;出</button>
						</div>
						<div id="" class="logined_links">
							<div class="logined_links1_list">
								<a href="queryOrder" title="订单查询">订单查询</a>|
								<a href="lcExchange" id="lcdh" title="里程兑换">里程兑换</a>|
								<a class="tip6" href="refundTicket" title="退改票">退改票</a>
							</div>
							<div class="logined_links1_list">
								<a href="preCsairBaseInfo" id="basicinformation" title="基本信息">基本信息</a>
								<a href="preCsairContactInfo" id="connectioninformation" title="联系信息">联系信息</a>
								<a href="javascript:pob();" id="srrgl" title="受让人管理">受让人管理</a>
								<a href="commContactor" id="commContactor" title="常用联系人">常用联系人</a>
								<a href="commPassenger" id="commPassenger" title="常用旅客管理">常用旅客管理</a>
							</div>
							<div class="logined_links1_list">
								<a href="preChangePassword" id="changepassword" title="密码修改">密码修改</a>
								<a href="preCsairOnlineIdentityAuthentication" id="zxsfyz" title="在线身份验证">在线身份认证</a>
								<a href="checkYHQ" id="yhq" title="优惠券">优惠券</a>
								<a href="checkLCHZ" id="lchz" title="里程汇总">里程汇总</a>
							</div>
						</div>
							
					</div>
				</div>
			</c:if>
			<c:if test="${sessionScope.userName!=null && sessionScope.userType!=1 && sessionScope.identifyStatus!='Y'}">

				<div class="user_infos navBlock">
					<div class="mingzhu_logined">
						<h2>用户登录</h2>
						<div class="logined_info">
							<h3 id="userinfo">您好，${sessionScope.userName} 欢迎登录</h3>
							<button type="button" class="quite_btn" onclick="quit()">退&nbsp;出</button>
						</div>
						<div id="" class="logined_links">
							<div class="">
								<a href="queryOrder" title="订单查询">订单查询</a>|
								<a href="commContactor" id="commContactor" title="常用联系人">常用联系人</a>|
								<a href="commPassenger" id="commPassenger" title="常用旅客管理">常用旅客管理</a>|
								<a href="refundTicket" title="退改票">退改票</a>
							</div>
						</div>
						
					</div>
				</div>

			</c:if>
			<div class="clearboth"></div>
		</div>
		<div class="sm_container_white">
			<div class="index_tips navBlock">
				<h3>附加服务</h3>
				<a class="tip4" href="flightDynamicsPage" title="航班动态">航班动态</a> 
				<a class="tip4" href="csairSearch" title="全站搜索">全站搜索</a> 
				<a class="tip4" href="checkLCLj" id="lclj" title="城市间里程累计查询">城市间里程累计</a>
				<a class="tip4" href="checklCExchange" id="lcdhjsq" title="里程兑换计算器">里程兑换计算</a>
				<div class="clearboth"></div>
			</div>
		</div>
		<c:if test="${sessionScope.userName!=null && sessionScope.userType==1}">
		<div class="sm_container_white">
			<div class="index_tips navBlock">
				<h3>明珠俱乐部</h3>
				<a class="tip4" href="gainMileage"  title="获取里程">获取里程</a>
				<a class="tip4" href="VIP" id="vip" title="会员专享">会员专享</a>
				<a class="tip4" href="aboutUs" id="aboutUs" title="关于我们">关于我们</a>
				<a class="tip4" href="mzNews" id="mzNews" title="明珠快讯">明珠快讯</a>
				<div class="clearboth"></div>
			</div>
		</div>
		</c:if>
	</div>
	<%@include file="assigneealert.jsp"%>
	<select id="cfcs1" title="出发城市" style="display: none;">
		<option selected="selected">支持首字母简拼</option>
		<optgroup label="A"></optgroup>
		<optgroup label="B"></optgroup>
		<optgroup label="C"></optgroup>
		<optgroup label="D"></optgroup>
		<optgroup label="E"></optgroup>
		<optgroup label="F"></optgroup>
		<optgroup label="G"></optgroup>
		<optgroup label="H"></optgroup>
		<optgroup label="I"></optgroup>
		<optgroup label="J"></optgroup>
		<optgroup label="K"></optgroup>
		<optgroup label="L"></optgroup>
		<optgroup label="M"></optgroup>
		<optgroup label="N"></optgroup>
		<optgroup label="O"></optgroup>
		<optgroup label="P"></optgroup>
		<optgroup label="Q"></optgroup>
		<optgroup label="R"></optgroup>
		<optgroup label="S"></optgroup>
		<optgroup label="T"></optgroup>
		<optgroup label="U"></optgroup>
		<optgroup label="V"></optgroup>
		<optgroup label="W"></optgroup>
		<optgroup label="X"></optgroup>
		<optgroup label="Y"></optgroup>
		<optgroup label="Z"></optgroup>
	</select>
	<c:if test="${sessionScope.userName!=null}">
	<%@include file="footer3.jsp"%>
	</c:if>
	
	<%@include file="footer.jsp"%>
</body>
</html>
